<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
    <title>kpc-demo</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="/dist/kpc.css" /> 
</head>
<body>
	<div id="app"></div>
    <script src="/node_modules/react/umd/react.development.js"></script>
    <script src="/node_modules/react-dom/umd/react-dom.development.js"></script>
    <script src="//cdn.jsdelivr.net/npm/babel-standalone/babel.min.js"></script>
    <script src="/dist/kpc.react.js"></script>

    <script type="text/babel">
        const {Button, Message} = Kpc;

        class Demo extends React.Component {
            hello() {
                Message.success('Welcome to the world of Kpc and React!');
            }

            render() {
                return <Button onClick={this.hello.bind(this)}>test</Button>
            }
        }

        ReactDOM.render(<Demo />, document.getElementById('app'));
    </script>
</body>
</html>
